<template>
  <div>
       <!-- href 的值绑定一个变量 -->
       <!-- v-bind 指令: 给标签设置动态属性的 -->
       <!-- 
        语法:
        v-bind:属性名="变量"

        简写:
        :属性名="变量"
        -->
       <a v-bind:href="url">去黑马</a>
       <img :src="imgUrl">
  </div>
</template>

<script>
export default {
  
  data() {
    return {
      url: 'http://www.baidu.com',
      imgUrl: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Faaaju.oicp.net%3A93%2Fpicture%2Fbiaoqing%2Fpic%2Fa%2F34%2F26107.jpeg&refer=http%3A%2F%2Faaaju.oicp.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1667548326&t=0d4715567fb7bdc88b476a047b9ea352'
      }
    }
  }
</script>

<style>
 
</style>
